*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

body{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: 400;
    min-height: 900px;
	background-image:url(../images/bg3.png);
	transition:all 1s;
	font-size:17px;
}


div.container{
	max-width:60%;
	margin:auto;
}

a {
	color:#fff;
	text-decoration: none;
	cursor:pointer;
	font-size:17px;
}





a:hover {
	color: #4c8d0c;
}
										/* FOOTER */

footer{
	background:#9dc747;
	bottom:0px;
	width:100%;
	color:#fff;
	display:inline-block;
}

div.footerContenu{
	margin-top:15px;
	text-align:center;
}

div.footerContenu a{
	cursor:pointer;
}

								/* CONTENU */
								
								

div.imgCenter{
	text-align: center;
}

div.imgCenter2{
height:472px;
display:inline-block;
	
}

#imgBIG{
	height:100%;
	width:100%;
}

							/* actus */

#tableActus{
	background:none;
	color:#fff;
	margin:auto;
	font-size:17px;
	width:310px;
	padding:10px;
	border-spacing:2px;
}

#tableActus td{
	text-align:left;
	vertical-align:top;
}

td.widthImg{
	width:133px;
	height:100px;
}

div.actus{
text-align: center;
color: #fff;
position: absolute;
display: inline-block;
right: 35px;
top: 150px;
width:310px;	
}

div.actusNewsletter{
	position: absolute;
	top: 0;
	right: 35px;
	background: white;
	border: 5px solid #9dc747;
	border-top: none;
	color: #4c8d0c;
	width: 310px;
	text-align: center;
}					

							
h1.actus{
	font-family: 'Poiret One', cursive;
	text-align:center;
	margin-bottom:0px;
	color:#EF2E2E;
}

td.tdNew{
	color:yellow;
}

img.imgActus{
	height:100%;
	width:100%;
}

h3.h3Actus{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: white;
	text-align: left;
	margin: auto;	
}

p.pActus{
	padding-bottom:8px;
}

div.eltActus{
	background: #EF2E2E;
	margin-bottom:15px;
	border-radius:15px;
}

div.eltActus:hover{
	-webkit-transform:scale(1.1);
	cursor:pointer;
	border:2px solid;
}

									/* infos*/


div.containerInfos{
	top: 0;
	position: absolute;
	left: 35px;
}

h3.h3News{
	margin-top:10px;
}

p.pNews{
	margin:10px;
}

table.tableRestosCoeur{
	border-spacing: 0;
	margin: auto;
	font-size: 17px;
	background:none;
	color:#4c8d0c;
	margin-top:5px;
}

table.tableRestosCoeur td{
	vertical-align:middle;
	width:125px;
}

div.infos{
text-align: center;
border: 5px solid #9dc747;
color: #4c8d0c;
background: white;
}
					
a.contact{
	color: teal;
	text-decoration: none;
	cursor:pointer;
}

a.contact:hover {
	text-transform:uppercase;
}
												
a.imgZoom:hover img{
	-webkit-transform:scale(1.5);
}

div.col{
	float: left;
	width: 135px;
	padding: 0;
	margin: 0 0 0 20px;
}

p.red{
	color:red;
}

td{
	text-align:center;
}

table{
	background:#9dc747;
	border-spacing:0px;
	color:#fff;
	margin:auto;
	border-radius:15px;
	font-size:17px;
}

#tdCp{
	text-align:left;
}

table.tableForm td{
	padding:15px;
}

table.tableInfos{
	background:none;
	border-spacing:0px;
	color:#4c8d0c;
	margin:auto;
	font-size:17px;
}

tr{
	text-align:left;
}

hr.hrInfos{
	width:70%;
	background-color: #4c8d0c;
	height: 3px;
}

h1{
	font-family: 'Poiret One', cursive;
	color:#4c8d0c;
	text-align:center;
	margin-bottom:40px;
	letter-spacing:2px;
}


h3{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color:#4c8d0c;
	text-align:center;	
}

h3.h3Left{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color:#4c8d0c;
	text-align:left;
	margin:2px;
	margin-top:15px;
}

#tableApropos{
	width:100%;
	margin-top:30px;
	border-spacing:15px;
}

#tableApropos ul{
	text-align:left;
	list-style:none;
}

#tableApropos ul li ul{
	margin-left:-40px;
}

#tableApropos td{
	width:400px;
}

#tableApropos #tdFlashcode:hover{
	border:1px solid #fff;
}

#tableApropos #tdFlashcode a:hover{
	color:#fff;
}


p.pFlashCode{
	margin:20px;
	text-align:justify;
}

													/* mid*/													
													
div.Maps{									
	margin:30px;
}
				
h3.error{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color:red;
	text-align:center;							
}
													
div.contenuMid{
	width:100%;
	background:#fff;
	display:inline-block;
}

div.cadreContenu{
	max-width: 90%;
	text-align: justify;
	margin: auto;
	border: 1px solid #9dc747;
	margin-bottom: 90px;
	padding-bottom:22px;
	padding-left: 15px;
	padding-right: 15px;
}


select{
	padding: 5px;
 	border: none;
  	border-bottom: solid 2px #fff;
  	transition: border 0.3s;
  	outline:none;
  	width:179px;
  	font-size:17px;
}

#objet{
	width:500px;
}

textarea{
	resize: none;
	border-radius:15px;
}
				
input, textarea{
  padding: 5px;
  border: none;
  border-bottom: solid 2px #fff;
  transition: border 0.3s;
}

input.inputAction{
	background: none;
border: none;
cursor: pointer;
color: #fff;
font-size:17px;
font-weight:400;
font-family: 'Lato', Calibri, Arial, sans-serif;
}



input.inputAction:hover {
	color: #4c8d0c;
}


input:focus, textarea:focus{
	border-bottom: solid 2px #4c8d0c;
	outline:none;
}


button{
	border:solid 1px #fff;
	background:#9dc747;
	color:#fff;
}

button:hover{
	cursor:pointer;
}





span.titleInfos{
	vertical-align: 4px;
	margin-left: 10px;
	color:#4c8d0c;
}

p.texteLetter{
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}

												/* ScrollToTop */
												
#back-top {
	position: fixed;
	bottom: 12px;
	left: 16px;
}

										/* SLIDER + TOPBAR*/
										
div.loginMembre{
	float:left;
	margin-left: 15px;
	margin-top: 15px;
	position: relative;
}

div.connexion{
position: absolute;
top: 15px;
margin-left: 15px;
}

div.connecté{
position: absolute;
top: 5px;
margin-left: 15px;
color:yellow;
font-size:20px;
}

div.rubriksConnecté{
	position: absolute;
	display: inline-block;
	width: 500px;
	text-align: left;
	left: 0;
	font-size:16px;
	font-size:17px;
}

div.rubriksConnecté a{
	color: #fff;
	text-decoration: none;
	cursor:pointer;
	margin-right:15px;
}

div.rubriksConnecté a:hover{
	color: #4c8d0c;
}



div.nomSite{
	width:350px;
	background:white;
	border:1px solid #4c8d0c;
	-moz-border-radius:0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
	border-radius:0 0 15px 15px;
	position:absolute;
	left: 1150px;
	top: 25px;
	z-index:2000;
	
}

a.nomSite{
	vertical-align:-webkit-baseline-middle;
	text-decoration: none;
	color:#4c8d0c;
	font-family: 'Cinzel Decorative', cursive;
	font-size:30px;
}	
					
div.topBar{
	background: #9dc747;
	z-index: 100;
	text-align:center;
	width:100%;
	height:60px;
}

a.btnForgetPassword{
	margin-left:5px;
}

 										/* INSCRIPTION */
 										

div.errorInscription{
	display:none;
	padding-top: 15px;
}

table.tableError{
	width: 654px;
	background: darksalmon;
	border: 1px solid red;
}

table.tableError tr td{
	color:red;
}									
 										/* CHECKBOX*/					
input[type=checkbox].css-checkbox {
display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:20px;<br>    height:15px;
display:inline-block;
line-height:15px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
}

 
input[type=checkbox].css-checkbox:checked + label.css-label {

background-position: 0 -15px;

}
.css-label{
background-image:url(http://csscheckbox.com/checkboxes/lite-green-check.png);
}
 										